<template>
  <view class="box">
	  <view class="header">
	  	<text>失物招领</text>
		<navigator url="./add" hover-class="none">
		<image src="../../static/image/jia.png" mode=""></image>
		</navigator>
	  </view>
  	<view class="content">
  		<view class="con" v-for="(item,index) in list">
  			<view class="con1">
				<view class="left">
					<image src="https://img2.baidu.com/it/u=1074923085,1164664328&fm=26&fmt=auto&gp=0.jpg" mode=""></image>
				</view>
				<view class="right">
					<view>
						<text>{{item.user}}</text>
						<text class="t1">{{item.time}}</text>
					</view>
					<text>{{item.goods}}</text>
					<text class="t2">{{item.con}}</text>
				</view>
  			</view>
  		</view>
  	</view>
  </view>
</template>

<script>
export default {
	
	data(){
		return {
			list:[{
				src:'',
				user:'孙悟空',
				time:'2021-08-08 12:34',
				goods:'钥匙',
				con:'请另行在小程序开发工具的控制台查看'
			},
			{
				src:'',
				user:'孙悟空',
				time:'2021-08-08 12:34',
				goods:'钥匙',
				con:'请另行在小程序开发工具的控制台查看'
			},
			{
				src:'',
				user:'孙悟空',
				time:'2021-08-08 12:34',
				goods:'钥匙',
				con:'请另行在小程序开发工具的控制台查看,请另行在小程序开发工具的控制台查看'
			}]
		}
	},		
	methods:{
		
	}
}
</script>

<style lang="less" scoped>
// @import url('../../static/fonts/iconfont.css');
 .header{
	 width: 700rpx;
	 margin: 0 auto;
	 margin-top: 30rpx;
	 display: flex;
	 justify-content: space-between;
	 text{
		 font-size: 45rpx;
		 font-weight: bolder;
	 }
	 image{
		 width: 45rpx;
		 height: 45rpx;
	 }
 }
 .content{
	 .con{
		width: 700rpx;
		height: 250rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		.con1{
			display: flex;
			justify-content: flex-start;
			border-bottom: 1px solid #ebebeb;
			image{
				width: 80rpx;
				height:80rpx;
				margin-top: 30rpx;
			}
			.right{
				width: 100%;
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				view{
					display: flex;
					justify-content: space-between;
					margin: 30rpx 0;
					.t1{
						font-size: 22rpx;
						color: #b4b3b3;
					}
				}
				.t2{
					font-size: 27rpx;
					color: #9b9b9b;
					margin: 30rpx 0;
				}
			}
		}
	 }
 }
</style>